body{font-family:Microsoft YaHei,Helvetica Neue,Helvetica,Roboto,Segoe UI,Arial,sans-serif;line-height:24px;font-size:16px;color: #333;background:#f1f1f1;}
*,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, 
blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button{padding: 0;margin: 0;}
li{list-style:none;}
a{text-decoration:none;color:#333;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal}
img{display: block;width:100%;}
h1,h2{font-size:18px;}
h3,h4{font-size:16px;}
h5,h6{font-size:14px;}
textarea{font-family:Microsoft YaHei,Helvetica Neue,Helvetica,Roboto,Segoe UI,Arial,sans-serif;}
input{-webkit-appearance:none;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;}
@font-face {
  font-family: 'iconfont';  /* project id 808616 */
  src: url('//at.alicdn.com/t/font_808616_7u07jsgklei.eot');
  src: url('//at.alicdn.com/t/font_808616_7u07jsgklei.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_808616_7u07jsgklei.woff') format('woff'),
  url('//at.alicdn.com/t/font_808616_7u07jsgklei.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_808616_7u07jsgklei.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/**
 * 动态修改
 * **/
.cs li{background: #f6dbdb;border: solid 2px #f1f1f1;}

/*****************************************/
.st-container{padding-bottom: 65px;}
.st-item{background: #fff;padding:0 0 10px 0;margin-bottom: 20px;}
.st-item-title{line-height:40px;padding: 0 3%;color: #FE715C;}
.st-nowarp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-nowarp-two{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;}

.st-picture{width:34px;height:34px;margin:6px 10px 6px 0;}
.st-picture>span,.st-format>span,.st-formats>span{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:50%;}
.st-format{width:50px;height:50px;margin:6px 10px 6px 0;}
.st-formats{width:80px;height:80px;margin:6px 10px 6px 0;}

/**
 * 固定样式
 * **/


/*旋转动画*/
.mescroll-rotate {
	-webkit-animation: mescrollRotate 0.6s linear infinite;
	animation: mescrollRotate 0.6s linear infinite;
}

@-webkit-keyframes mescrollRotate {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes mescrollRotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/**1px解决方案**/
.st-border,.st-border-tb,.st-border-t,.st-border-b,.st-border-l,.st-border-r,.st-border-tl,.st-border-tr,.st-border-bl,.st-border-br,.st-border-radius{position: relative;}

.st-border:before,.st-border-radius:before,.st-border-t:before,.st-border-tb:before,.st-border-tl:before,.st-border-tr:before,.st-border-b:before,.st-border-tb:after,.st-border-bl:before,.st-border-br:before,
.st-border-l:before,.st-border-tl:after,.st-border-bl:after,.st-border-r:before,.st-border-tr:after,.st-border-br:after{
	content: '';display: block;position: absolute;border-width: 1px;border-color: #e9e9e9;-webkit-box-sizing: border-box;pointer-events: none;}

.st-border:before {width: 100%;height: 100%;top: 0;left: 0;border-style:solid;-webkit-transform-origin: 0 0;padding: 1px;z-index: 10;width: 200%;height: 200%;-webkit-transform: scale(0.5);}
.st-border-radius:before{width: 100%;height: 100%;top: 0;left: 0;border-style: solid;border-radius:5px;padding: 1px;-webkit-transform-origin: 0 0;z-index: 10;width: 200%;height: 200%;-webkit-transform: scale(0.5);}

.st-border-t:before,.st-border-tb:before,.st-border-tl:before,.st-border-tr:before{border-top-style:solid;width: 100%;left: 0;top: 0;-webkit-transform-origin: left top;-webkit-transform: scaleY(0.5)} 
.st-border-b:before,.st-border-tb:after,.st-border-bl:before,.st-border-br:before{border-bottom-style:solid;width: 100%;left: 0;bottom: 0;-webkit-transform-origin: left bottom;-webkit-transform: scaleY(0.5)} 
.st-border-l:before,.st-border-tl:after,.st-border-bl:after{border-left-style:solid;height:100%; left: 0;top: 0;-webkit-transform-origin: left top;-webkit-transform: scaleX(0.5)} 
.st-border-r:before,.st-border-tr:after,.st-border-br:after{border-right-style:solid;height:100%; right: 0;top: 0;-webkit-transform-origin: right top;-webkit-transform: scaleX(0.5)} 


/**列表**/
.st-list{background:#fff;}
.st-list-skip>li,.st-link,.st-card-item h1{position: relative;}
.st-list>li{padding:0 3%;position:relative;display: -webkit-box;}
.st-list-item:active{background:#e1e1e1;}
.st-list>li a{display: block;width: 100%;}
.st-list-box{-webkit-box-flex: 1;padding-top: 8px;padding-bottom: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;padding-right: 12px;}
.st-list-module .st-list-box{-webkit-box-orient: horizontal;-webkit-box-align: center;padding: 11px 12px 11px 0;}
/*.st-list-skip .st-list-box{padding-right:15px;}*/
.st-list-box h4{-webkit-box-flex: 1;line-height:24px;}
.st-text-vice{color:#999;max-width:50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;}
.st-list-skip>li:after,.st-link:after,.st-card-item h1:after{content: "";display: block;position: absolute;right: 3%;top: 50%;margin-top: -4px;width: 8px;height: 8px;
border:solid 1px #ccc;border-top: none;border-left: none;transform:rotate(-45deg);}
.st-list-box p{font-size:14px;color: #666;}
.st-more .st-list-box{padding-right: 5px;}
.st-more .st-list-more{padding:8px 10px 8px 0;line-height: 48px;color: #999;}
.st-more .st-list-more a{color: #999;}


/**布局**/
.st-block{background: #fff;}
.st-row{overflow: hidden;display: block;}
.st-row-flex{display: -webkit-box;width: 100%;-webkit-box-sizing: border-box;}
.st-col{padding: 5px;box-sizing: border-box;}
.st-col{float: left;-webkit-box-sizing:border-box;box-sizing: border-box;width: 100%;text-align: center;}
.st-col-10{width: 10%;}
.st-col-20{width: 20%;}
.st-col-25{width: 25%;}
.st-col-30{width: 30%;}
.st-col-33{width: 33.333%;}
.st-col-40{width: 40%;}
.st-col-50{width: 50%;}
.st-col-60{width: 60%;}
.st-col-70{width: 70%;}
.st-col-75{width: 75%;}
.st-col-77{width: 66.666%;}
.st-col-80{width: 80%;}
.st-col-90{width: 90%;}

.st-row-flex .st-col{float: none;-webkit-box-flex:1;width:0;}
.st-row-flex .st-col-2{float: none;-webkit-box-flex:2;}
.st-row-flex .st-col-3{float: none;-webkit-box-flex:3;}
.st-row-flex .st-col-4{float: none;-webkit-box-flex:4;}


/*图文布局*/
.st-graphic{padding:10px 2%;}
.st-graphic>ul{height:auto;overflow: hidden;}
.st-graphic>ul>li{background: none;border: none;}
.st-graphic-box{width:95%;margin: auto;}
.st-graphic>ul>li span{display: block;background-position:center;background-repeat: no-repeat;background-size: contain;}
.st-text{text-align: center;}
.st-text h1{font-size:16px;}
.st-text p{font-size:14px;color:#666;}

.st-graphic-icon .st-text{text-align: center;}


/**按钮**/
button{display: block;width:100%;height: 40px;line-height: 40px;text-align: center;background:none;border:none;outline:none;margin: auto;font-size: 16px;}
.st-btn-warp{padding: 10px 0;}
.st-btn{display: block;width:94%;border-radius:5px;}
.st-btn-sky{background:none;border:solid 1px #e9e9e9;}
.st-btn-sky:active{background:#f1f1f1;}
.st-btn-fill{background:#FA6055;color: #fff;}
.st-btn-fill:active,.st-btn-text:active{background:rgba(250,96,85,0.7);}
.st-btn-text{display:inline-block;width:auto;border:none;font-size:12px;height:20px;line-height:20px;padding:0 5px;background: #F95F55;color: #fff;border-radius:3px;outline: none;}


/**表单**/
.st-search-wrp{display: -webkit-box;-webkit-box-align: center;height: 46px;padding: 0 3%;}
.st-search{height: 30px;line-height: 30px;background: #e6e6e6;padding-left:40px;margin-right:10px;-webkit-box-flex: 1;position: relative;border-radius: 20px;}
.st-search label{display: block;width:24px;height: 30px;margin:0 10px;position:absolute;left: 0;}
.st-search label span{display: block;text-align: center;line-height: 30px;color: #999;font-size: 20px;}
.st-input{display: block;width:100%;height: 100%;height: 30px;}
.st-input input{display: block;width:97%;height: 100%;border: none;background: none;color: #999;outline: none;font-size:16px;}


/**登录注册**/
form .st-list{padding: 0 3%;}
.st-form li{padding:5px 30px;position: relative;}
.st-form li span{top:8px;display:block;font-size:22px;width:24px;height:24px;text-align: center;line-height:24px;}
.st-form li .st-icon-l{position: absolute;left: 0;}
.st-form li .st-icon-r{position: absolute;right: 0;}
.st-form li.st-code{padding-right:90px;}
.st-form li.st-code .st-icon-r{top:10px;}
.st-form>button,.st-form-list button{margin-top: 20px;}

.st-form-list li{display: -webkit-box;padding:5px 0;}
/*.st-form-list li *{-webkit-box-flex: 1;}*/
.st-form-list li label{font-size: 16px;margin-right:5px;line-height: 30px;height: 30px;}
.st-form-list li p{line-height: 30px;}
.st-form-list li .st-input{width: auto;}
.st-form-list li.st-live{display: block;}
.st-textarea{width: 100%;margin-top:5px;}
.st-textarea textarea{display: block;width: 100%;border: none;outline: none;font-size: 16px;resize:none;}


/*单选按钮*/
.st-radio,.st-checkbox{display: flex;align-items: center;}
.st-radio input,.st-checkbox input{width: 20px;height: 20px;position: relative;margin-right:10px;}
.st-radio input:before,.st-checkbox input:before{content: "";display: block;width:100%;height:100%;box-sizing: border-box;-webkit-box-sizing: border-box;
 border: solid 1px #F95F55;border-radius: 50%;position: absolute;top: 0;left: 0;}
.st-radio input:checked:after{content: "";display: block;width:50%;height:50%;background:#F95F55;border-radius: 50%;position: absolute;top:25%;left:25%;}
.st-checkbox input:checked:before{content: "\e654";text-align: center;line-height:18px;font-size:16px;background: #fa5f55;color: #fff;}

.st-switch {width: 52px;height: 32px;line-height: 32px;display: block;}
.st-switch input {width: 52px;height: 32px;position: absolute;z-index: 2;border: none;background: none;-webkit-appearance: none;outline: none;}
.st-switch input:before {content: '';width: 50px;height: 30px;border: 1px solid #dfdfdf;background-color: #fdfdfd;border-radius: 20px;
	cursor: pointer;display: inline-block;position: relative;vertical-align: middle;-webkit-box-sizing: content-box;border-color: #dfdfdf;
	-webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset;-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s;-webkit-background-clip: content-box;}
.st-switch input:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    -webkit-transition: left 0.2s;
}
.st-switch input:checked:before {
    border-color: #fa5f55;
    -webkit-box-shadow: #fa5f55 0px 0px 0px 16px inset;
    background-color: #fa5f55;
    -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s;
    background-color: #fa5f55;
}
.st-switch input:checked:after {
    left: 21px;
}

/***交互效果***/
/*底部弹出*/
.mask-btm{position: fixed;z-index: 999;top: 0;left: 0;display: -webkit-box;width: 100%;height: 100%;pointer-events: none;
-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: end;}

.st-bg{background: rgba(0,0,0,0.4);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
.mask-btm.show .st-bg{opacity: 1;}
.st-down{position: fixed;bottom: 0;text-align: center;font-size: 16px;width: 100%;background: #f8f8f8;-webkit-box-sizing: border-box;box-sizing: border-box;
-webkit-transition: all 0.2s linear;-webkit-transform: translate3d(0, 100%, 0);}
.mask-btm.show{pointer-events:inherit;opacity: 1;}
.mask-btm.show .st-down{-webkit-transition: all 0.2s linear;-webkit-transform: translate3d(0, 0, 0);}
.st-down ul li{padding:10px 3%;line-height:30px;background: #fff;}
.st-down button{margin-top:10px;background:#fff;height: 50px;line-height: 50px;}


/***卡片card***/
.st-card{width: 94%;margin:10px auto; background: #fff;box-shadow:0 0 10px #e5e5e5;font-size: 16px;}
.st-card-title{font-size: 16px;line-height:40px;padding:0 10px;}
.st-card-main{display: -webkit-box;padding: 10px;}
.st-card-text{font-size: 0.875em;-webkit-box-flex:1;color: #666;}
.st-card-img{width:60px;height: 60px;background: #ccc;margin-right: 10px;}
.st-card-wrp>li{line-height:40px;padding: 0 3%;}
.st-card-wrp>li h1{font-size: 16px;}
.st-card-wrp>li.active h1:after{transform:rotate(45deg);}
.st-card-txt{display: none;font-size: 0.875em; color: #666;line-height: 22px;padding:10px 0;}


/***广告条ads***/
.st-ads-wrp{height: 40px;position: relative;padding: 0 3%;}
.st-ads{display: -webkit-box;display:-moz-box;line-height: 40px;height: 40px;}
.st-ads *{-webkit-box-flex: 1;-moz-box-flex: 1;}
.st-ads .st-notice,.st-ads .st-ads-lr{position: relative;overflow: hidden;height: 40px;padding:0 10px;}
.st-ads .st-notice li {line-height: 40px;}

.st-ads-lr{height:40px;overflow: hidden;white-space: nowrap;width: 94%;margin: auto;}
.st-ads-lr li{display: inline-block;margin-right: 50px;line-height: 40px;height: 40px;}
.st-ads-begin,.st-ads-end{display: inline;}


/*个人信息我的*/
body.my{background: #fff;}
.my header{padding:10% 0;background:url(../img/bg.png)no-repeat center;/*background:#FE715C; */background-size: cover;}
.my header span{display: block;margin: auto;width: 70px;height: 70px;background-repeat: no-repeat;background-position: center; background-size: cover;border-radius: 50%;}
.my header p{text-align: center;margin: 10px 0;color: #fff;}
.my .st-list li .st-picture{width: 24px;height: 24px;margin: 11px 12px 11px 0;}
.my .st-text-vice{font-size: 14px;}






/**底部导航**/
footer{width:100%;position: fixed;left:0;bottom:0;background: #fff;z-index:999999;}
footer ul .st-col{padding:5px 0 0;}
footer ul li.active a{color: #FE715C;}
footer ul li span{display: block;width:24px;height:24px;/*background: #ccc;*/margin: auto;}
footer ul li span.iconfont{font-size: 24px;}
footer ul li p{font-size:12px;text-align: center;line-height:26px;}



